import React from "react";
import { useNavigate } from "react-router-dom";
import { RollbackOutlined } from "@ant-design/icons";
import { Button } from "antd";
import "../../../../../node_modules/antd/dist/antd.css";

export default function Back() {
  let navigate = useNavigate();
  return (
    <>
      <Button
        style={{
          margin: "8px ",
          position: "fixed",
          zIndex: 101,
          backgroundColor: "#d43c33",
          borderColor: "#d43c33",
        }}
        type="primary"
        shape="round"
        size="middle "
        onClick={() => {
          navigate(-1);
        }}
      >
        <RollbackOutlined />
      </Button>
    </>
  );
}
